<!DOCTYPE html>
<html lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>欢迎登录考勤管理系统</title>
		<link href="assets/css/style.css" rel="stylesheet" type="text/css" />
		<script language="JavaScript" src="assets/js/jquery.js"></script>
		<script src="assets/js/cloud.js" type="text/javascript"></script>

		<script language="javascript">
			$(function() {
				$('.loginbox').css({
					'position': 'absolute',
					'left': ($(window).width() - 692) / 2
				});
				$(window).resize(function() {
					$('.loginbox').css({
						'position': 'absolute',
						'left': ($(window).width() - 692) / 2
					});
				})
			});
		</script>

	</head>

	<body style="background-color: #1c77ac; background-image: url(assets/img/light.png); background-repeat: no-repeat; background-position: center top; overflow: hidden;">

		<div id="mainBody">
			<div id="cloud1" class="cloud"></div>
			<div id="cloud2" class="cloud"></div>
		</div>

		<div class="logintop">
			<span>欢迎登录管理界面平台</span>
			
		</div>
		<div class="loginbody">
			<span class="systemlogo"></span>
			<div class="loginbox">
				<form method="post" action="login">
					<ul>
						<li><input name="loginId" type="text" class="loginuser" /></li>
						<li><input name="password" type="password" class="loginpwd" /></li>
						<li><button type="submit" class="loginbtn" value="登录">登录</button></li>
						
					</ul>
				</form>
			</div>
		</div>
		<footer class="loginbm">
			特别鸣谢：广州白云工商高级技工学校
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			指导老师:康菁发&nbsp;&nbsp;周湛樟
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			后端：陈陆建
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			前端：李龙兴
		</footer>
	</body>

</html>